<script setup lang="ts">
//  h函数是vue内置的确切的名字(createVnode) 创建结构的
//  render函数是 渲染结构的
import { h, onMounted, render } from 'vue'
const vnodeli1 = h('li', null, '吃饭')
const vnodeli2 = h('li', null, '睡觉')
const vnodeli3 = h('li', null, '学习')
const vnode = h('ul', null, [vnodeli1, vnodeli2, vnodeli3])
console.log(vnode) // vnode就是虚拟DOM

onMounted(() => {
  render(vnode, document.querySelector('#father')!)
})
</script>
<template>
  <div id="father"></div>
  <!-- <ul>
    <li>吃饭</li>
    <li>睡觉</li>
    <li>学习</li>
  </ul> -->
</template>

<style scoped></style>
